<!DOCTYPE html>
<html>
<head>
	<title>关于我们-小鹿线</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/about.css">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>

<div class="header">
	<div class="nav">
		<div class="wrap u-clearfix">
			<h1 class='u-l'><img src="images/pic_logo.png"></h1>
			<ul class='u-r u-clearfix'>
				<li class='active'><a href="index.html">首 页</a></li>
				<li><a href="">学习路线</a></li>
				<li><a href="curriculum.html">在线课程</a></li>
				<li><a href="product.html">产品中心</a></li>
				<li><a href="student.html">成功就业</a></li>
				<li><a href="about.html">关于我们</a></li>
			</ul>
		</div>
	</div>
	<div class="banner">
		<img src="images/pic_background_about.png">
	</div>

	<div class='lecturer'>
		<ul id="teaList">
			<!-- <li class='u-clearfix'>
				<div class='u-l lecturer-img'><img src="images/1.png"></div>
				<div class='lecturer-txt'>
					<h2>小鹿线讲师-老胡</h2>
					<p class='lecturer-it'>企业软件研发，计算机网B/S，系统架构</p>
					<p>企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构</p>
				</div>
			</li>
			<li class='u-clearfix'>
				<div class='u-l lecturer-img'><img src="images/2.png"></div>
				<div class='lecturer-txt'>
					<h2>小鹿线讲师-老张</h2>
					<p class='lecturer-it'>企业软件研发，计算机网B/S，系统架构</p>
					<p>企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构企业软件研发，计算机网B/S，系统架构</p>
				</div>
			</li> -->
		</ul>
	</div>
</div>
	<script src="./js/jquery-1.11.min.js"></script>
	<script>
		(function () {
			var teacherList = '';
			$.ajax({
				type: "get",
				url: "http://39.101.217.150:8075/teachers/list",
				data: {
					page:1,
					size:4,
				},
				success: function (res) {
					var records = res.data.records;
					console.log(records);
					$.each(records,function (index,item) { 

						teacherList += `
						
						<li class='u-clearfix'>
							<div class='u-l lecturer-img'><img src="${item.imgurl}"></div>
							<div class='lecturer-txt'>
								<h2>${item.name}</h2>
								<p class='lecturer-it'>${item.experience}</p>
								<p>${item.content}</p>
							</div>
						</li>
						
						`

					 })
					 $('#teaList').append(teacherList)
				}
			});


		  })()
	</script>
</body>
</html>